<!DOCTYPE html>
<html ng-app="plunker">

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>Playonline</title>

<link href="/newplayonline/style/css/bootstrapSpaceLab.css" rel="stylesheet">

<link rel="stylesheet" type="text/css" href="/newplayonline/style/css/styles.css" />

</head>

<body ng-controller="Carrinho">
	<div ng-include src="'/newplayonline/page/menu.html'"></div>

	<div id="wrap">
		<div id="main" class="container clear-top">
			<div class="row">

				<div class="jumbotron">
					<h2>Carrinho <button ng-click="concluir()" class="btn btn-primary pull-right">Fechar Compra</button></h2>
					<div class="bs-component">
						<legend>{{legenda}}</legend>
						<table class="table table-striped table-hover ">
							<thead>
								<tr>
									<th>Tipo de Jogo</th>
									<th>Identificador</th>
									<th>Valor cota</th>
									<th>Quantidade</th>
									<th>Total</th>
									<th>Ação</th>
								</tr>
							</thead>
							<tbody ng-repeat="carrinho in carrinhoBoloes">
								<tr>
									<td>{{getNomeTipoDeJogo(carrinho.bolao.tipoDeJogo);}}</td>
									<td>{{carrinho.bolao.identificadorBolao}}Não Iprime ?</td>
									<td>{{carrinho.bolao.valorCota}}</td>
									<td>{{carrinho.qtdCota}}</td>
									<td>{{carrinho.bolao.valorCota * carrinho.qtdCota}}</td>
									<td><a href="#" ng-click="removerByBolao(carrinho)" ><img alt=""
											ng-src="/newplayonline/img/delete_mini.png"></a></td>
								</tr>
							</tbody>
						</table>
						<span><a href="#" ng-click="removerTodos()">Remover Todos</a> </span>
						<span><h4><b> ValorTotal: R${{total}} </b></h4></span>
						<div id="source-button" class="btn btn-primary btn-xs"
							style="display: none;">&lt; &gt;</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="footer">
		<div ng-include src="'/newplayonline/page/footer.html'"></div>
	</div>
	
		<!-- PARA FAZER MASCARA FUNCIONAR ANGULAR JS/	-->
	<script src="/newplayonline/javascript/recursos/jquery-1.2.6.pack.js"></script>
	<script
		src="/newplayonline/javascript/recursos/jquery.maskedinput-1.1.4.pack.js"></script>
	
	
		
<script type="text/javascript"
		src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.js"></script>
	
	<script
		src="/newplayonline/javascript/recursos/storageprovider.js"></script>
		
	<script type="text/javascript"
		src="/newplayonline/javascript/control/angular-route.js"></script>

	<script type="text/javascript"
		src="/newplayonline/javascript/recursos/ui-bootstrap-tpls-0.11.0.min.js"></script>

	<script type="text/javascript"
		src="/newplayonline/javascript/control/carrinho.js"></script>
		
	
</body>

</html>